@import "../../../../style/val.scss";
.coupon-history-container {
	background-color: $color6;
	font-size: $fontSize32;

	.content {
		margin-bottom: 0.38rem;

		.am-tabs-default-bar-content {
			margin-left: 8%;
			margin-right: 8%;
		}
		.am-list-view-scrollview {
			width: 100%;
		}
		.list_item {
			margin-left: 0.26rem;
			margin-right: 0.26rem;
			margin-top: 0.12rem;
			background: $color8;
			position: relative;
			.right-image {
				position: absolute;
				right: 0;
				top: 0;
				width: 1.13rem;
				height: 1.12rem;
				z-index: 999;
			}
		}
		.list-view-section-body {
			background-color: $color6;
		}
		.am-list-body::before {
			height: 0rem !important;
		}
		.am-list-body::after {
			height: 0rem !important;
		}

		.card_value {
			width: 30%;
			padding-top: 0.2rem;
			display: inline-block;
			color: $color20;
			background: $color8;
			.card_span {
				margin-left: 0.2rem;
				font-size: $fontSize48;
				.card-unit {
					font-size: $fontSize28;
				}
			}
			.card_span_limit {
				margin-left: 0.2rem;
				font-size: $fontSize28;
			}
			.unit_show {
				display: block;
			}
		}
		.card_detail {
			position: relative;
			display: inline-block;
			padding-top: 0.2rem;
			width: 70%;
			background: $color8;
			.card_title {
				color: $color23;
				font-size: $fontSize30;
				font-weight: 500;
				margin: 0.2rem 0.2rem 0rem 0rem;
				padding: 0.12rem 0rem;
				color: #b8b8b8;
				.couponName {
					font-weight: bold;
					margin-bottom: 0.1rem;
					color: #b8b8b8;
				}
			}
			.couponAmount {
				font-size: 0.6rem;
				font-weight: 400;
				color: rgba(216, 67, 59, 1);
				margin-left: 0.1rem;
				margin-right: 0.1rem;
				color: #b8b8b8;
			}
			.card_data {
				color: $color22;
				font-size: $fontSize20;
			}
			.card_status {
				position: absolute;
				font-size: $fontSize30;
				color: $color20;
				top: 0.6rem;
				right: 0.2rem;
			}
		}
		.explain-detail-un-show {
			color: #b8b8b8;
			display: none;
		}
		.card-explain {
			width: 100%;
			font-size: $fontSize26;
			background: $color8;
			.card-title {
				margin: 0.2rem 0.2rem 0rem;
				padding: 0.12rem 0rem;
				border-top: 1px solid $color5;
			}
			.card-explain-tip {
				position: relative;
				color: $color22;
			}
			.icon-open {
				position: absolute;
				right: 0.4rem;
				width: 0.48rem;
				height: 0.18rem;
				background: url("../../../../images/icon-detail-arrow.png");
				background-size: 100%;
			}
			.explain-detail {
				color: #b8b8b8;
				padding: 0.2rem;
			}
		}
	}
	.left-top-tips-grey {
		width: 1.3rem;
		height: 0.38rem;
		background: linear-gradient(
			124deg,
			rgba(230, 230, 230, 1) 0%,
			rgba(211, 211, 211, 1) 100%
		);
		border-radius: 0.08rem 0px 0.16rem 0px;
		font-size: 0.22rem;
		line-height: 0.38rem;
		text-align: center;
		color: #ffffff;
	}

	.left-top-tips-grey-disable {
		width: 1.3rem;
		height: 0.38rem;

		border-radius: 0.08rem 0px 0.16rem 0px;
		font-size: 0.22rem;
		line-height: 0.38rem;
		text-align: center;
		color: #ffffff;
	}
	.left-image {
		margin-left: 0.3rem;
		width: 1.4rem;
		height: 1.4rem;
		background-color: #eeeeee;
	}
}
